define(['jquery' , 'modalMobile' , '../../common/ajax/ajax' , 'artTemplate' , '../../../common/js/lib/text!../../../tpl/header.tpl' , '../../../common/js/lib/text!../../../tpl/footer.tpl' , '../../../common/js/lib/text!../../../tpl/flowControl.tpl'] ,
  function($ , modalMobile , ajax , artTemplate , headerTpl , footerTpl , flowControlTpl){
    return function (data){
      var header = artTemplate.compile(headerTpl)({
            leftLink:'/h5-wizard/index.html#advanced-setting',
            title: '流量控制',
            rightBtn: '保存'
          }),
          footer = artTemplate.compile(footerTpl)({type:4}),
          flowControl = artTemplate.compile(flowControlTpl)(data);
      $('.webApp-content').html(header+flowControl+footer);
      //单选
      $('.checkbox-box').click(function(){
        if(!$(this).hasClass('checked')){
          $(this).addClass('checked');
          $(this).siblings('.checkbox-box').removeClass('checked');
          $(".data-box").eq($(this).index()).show().siblings(".data-box").hide();
        };
      });
      //开关
      $('.check-span').click(function(){
        if($(this).hasClass("check-span-current")){
          $(this).find('input').val(0);
          $(this).removeClass("check-span-current");
        }else{
          $(this).find('input').val(1);
          $(this).addClass("check-span-current");
        };
      });
      //保存
      var $input = $('.ly-pppoe .text input');
      $(".header .header-right").click(function(){
        var data = {
          enable: $('.check-span-current').length ? 1 : 0,
          up_band: parseInt($('.up_band').val()),
          down_band: parseInt($('.down_band').val())
        },
        $box = '';
        if($('.checked').length && $('.checkbox-box').eq(0).hasClass('checked')){
          $box = $('.data-box').eq(0);
          data.mode = 0;
        }else{
          data.mode = 1;
          $box = $('.data-box').eq(1);
        };
        $('.checked').length ? '' : ($box = $('.checkbox-box').eq(0));
        $box.find('input').each(function(){
          data[$(this).attr('name')] = parseInt($(this).val());
        });
        data = JSON.stringify(data);
        //执行提交
        ajax({
            url:interfaces.setQos.url,
            dataType:interfaces.setQos.dataType,
            type:interfaces.setQos.type,
            data:data,
            cache:{
                use:false,
                name:'',
                time:10
            },
            isOk:function(res){
              if(useNetData){
                data = data;
              }else{
                data = data.manage_installed_data;
              };
              if(data.code === 0){
                modalMobile.alert('提交成功');
              }else{
                modalMobile.alert('提交失败');
              };
            }
        });
      });
      //监听input
      $input.on('input' , function(){
        $(this).val($(this).val().replace(/\D/g,''));
      })
    };
});
